<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>番剧 - 哔哩哔哩( ° - ° ) つ ロ 干杯~-bilibili</title>
    <link rel="shortcut icon" href="./image/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/sj.css">
    <link rel="stylesheet" href="./css/common.css">
</head>

<style>
    .recommend img {
        width: 100%;
        border-radius: 10px;
    }

    .hover-image {
        width: 100%;
        /* 使图片宽度充满容器 */
        height: auto;
        /* 保持图片原始宽高比 */
        transition: transform 0.5s ease;
        /* 添加过渡效果 */
    }

    .hover-image:hover {
        transform: scale(1.2);
        /* 悬停时放大1.2倍 */
    }

    .head {
        position: relative;
        left: 120px;
    }

    .xihuan {
        position: relative;
        left: 130px
    }
</style>

<body>


    <div class="header">
        <div class="nav">
            <a href="./yxt.html" target="_blank">首页</a>
            <a href="./sj.html" target="_blank">番剧</a>
            <a href="./yxt2.html" target="_blank">直播</a>

            <div class="xuanfuchuang">
                <a href="./" target="_blank">游戏中心</a>
                <div class="tupian">
                    <div class="tupian2" style="float: left;">
                        <a href=""><img
                                src="https://i0.hdslb.com/bfs/game/189b66b81d2684697c88bc81358dfa8fed5b3539.jpg@460w_258h.avif"
                                alt="da" width="175px"></a>
                        <div>
                            <img src="https://i0.hdslb.com/bfs/game/1c806bef5e1352949d1f759ad674e242be911b28.png@132w_132h.avif"
                                alt="xiao1" width="56px">
                            <img src="https://i0.hdslb.com/bfs/game/65e4fa4b3cf2d177148328e2ff76535500bc563c.png@132w_132h.avif"
                                alt="xiao2" width="56px">
                            <img src="https://i0.hdslb.com/bfs/game/39d9e4fba88edc18e61073e61dc05e42fdbd8927.png@132w_132h.avif"
                                alt="xiao3" width="56px">
                        </div>
                    </div>
                    <div class="right-section" style="float: right;">
                        <h4>新游预告</h4>
                        <ul style="font-size: 13px;">
                            <li>二重螺旋</li>
                            <li>暴吵萌厨</li>
                            <li>龙魂旅人</li>
                            <li>异环</li>
                            <li>代号砰砰</li>
                            <li>白银之城</li>
                            <li>望月</li>
                        </ul>
                    </div>
                </div>
            </div>
            <a href="./" target="_blank">会员购</a>
            <div class="xuanfuchuang">
                <a href="./rlb.html" target="_blank">漫画</a>
                <div class="tupian" style="width: 360px;">
                    <div class="tupian2" style="float: left;">
                        <img src="https://i0.hdslb.com/bfs/manga-static/8ed965d294fb0fec182b2d7f144c6e4300228aba.png@272w"
                            alt="da" width="100px">

                        <img src="https://i0.hdslb.com/bfs/manga-static/f8d219b09f4d89bf80fb7fef8264bf365a9352a0.jpg@272w"
                            alt="xiao1" width="100px">
                        <div>
                            <img src="https://i0.hdslb.com/bfs/manga-static/7fe349fd5a3d9522546e1582ad03604e82b1ff41.png@272w"
                                alt="xiao2" width="100px">
                            <img src="https://i0.hdslb.com/bfs/manga-static/34fa65e67d3f8eb7bd38020c316b03ae4718ccb7.png@272w"
                                alt="xiao3" width="100px">
                        </div>
                    </div>
                    <div class="right-section" style="float: right;">
                        <h4>人气漫画</h4>
                        <ul style="font-size: 13px;">
                            <li>间谍过家家</li>
                            <li>杀死男主然后成...</li>
                            <li>不小心救了江湖...</li>
                            <li>碧蓝之海</li>
                            <li>蓝溪镇</li>
                            <li>航海王</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="xuanfuchuang">
                <a href="#" target="_blank">赛事</a>
                <div class="tupian" style="width: 360px;">
                    <div class="tupian2" style="float: left;">
                        <img src="https://i0.hdslb.com/bfs/activity-plat/static/d41d8cd98f00b204e9800998ecf8427e/RB9uXZVeAr.png@800w_512h_1c"
                            alt="da" width="165px">
                        <div>
                            <img src="https://i0.hdslb.com/bfs/activity-plat/static/d41d8cd98f00b204e9800998ecf8427e/FCMa55Iicw.jpg@800w_512h_1c"
                                alt="xiao2" width="80px">
                            <img src="https://i0.hdslb.com/bfs/activity-plat/static/d41d8cd98f00b204e9800998ecf8427e/LuUTKOWkkS.png@800w_512h_1c"
                                alt="xiao3" width="80px" height="50px">
                        </div>
                    </div>
                    <div class="right-section" style="float: right; font-size: small;">
                        <div>
                            <h3 class="text-lg font-semibold text-dark mb-2 flex items-center">
                                <i class="fa fa-clock-o text-primary mr-2"></i>精彩预告
                            </h3>
                            <div class="space-y-3">
                                <div
                                    class="flex items-center justify-between p-2 hover:bg-neutral rounded transition-colors">
                                    <div>
                                        <p class="text-sm text-gray-500">今天 17:00</p>
                                        <p class="ml-2">2025LPL第二赛段：W...</p>
                                    </div>
                                </div>
                                <div
                                    class="flex items-center justify-between p-2 hover:bg-neutral rounded transition-colors">
                                    <div>
                                        <p class="text-sm text-gray-500">05-30 17:00</p>
                                        <p class="ml-2">守望先锋冠军系列赛...</p>
                                    </div>
                                </div>
                                <div
                                    class="flex items-center justify-between p-2 hover:bg-neutral rounded transition-colors">
                                    <div>
                                        <p class="text-sm text-gray-500">05-30 19:00</p>
                                        <p class="ml-2">守望先锋冠军系列赛...</p>
                                    </div>
                                    <button style="width: 140px;"
                                        class="px-3 py-1 text-sm bg-primary/10 text-primary rounded hover:bg-primary/20 transition-colors">
                                        <i class="fa fa-bell-o mr-1"></i>订阅
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <a href="#" target="_blank">下载客户端</a>
            <div class="search-box">
                <input type="text" placeholder="路人女主的养成方法">
            </div>
            <div class="user-ops">
                <a href="./sj2.html" target="_blank">登录</a>
                <a href="#" target="_blank">大会员</a>
                <a href="#" target="_blank">消息</a>
                <a href="#" target="_blank">动态</a>
                <a href="#" target="_blank">收藏</a>
                <a href="#" target="_blank">历史</a>
                <a href="#" target="_blank">创作中心</a>
                <a href="#" style="background: #ff66cc; color: white; padding: 6px 12px; border-radius: 20px;"
                    target="_blank">投稿</a>
            </div>
        </div>
    </div>
    <div class="banner">
        <div class="banner-content">
            <a href=""><img
                    src="https://i0.hdslb.com/bfs/bangumi/image/9e78f8e24a619bc3c963f66551de9747865f2462.png@5120w_1704h_!web-ogv-anime-banner-bg.webp"
                    alt="" width="100%" height=""></a>
        </div>
    </div>

    <div class="recommend">

        <div class="hover-image"><a href="https://www.bilibili.com/bangumi/play/ep1503835?from_spmid=666.4.0.0"
                target="_blank"><img
                    src="https://i0.hdslb.com/bfs/bangumi/image/3942aa2269408916239ff157b82f2e24903f7322.png@460w_250h_!web-ogv-anime-banner-thumb.webp"
                    alt="坂本日常"></a></div>
        <div class="hover-image"><a href="https://www.bilibili.com/bangumi/play/ep1449271?from_spmid=666.4.0.1"><img
                    src="https://i0.hdslb.com/bfs/bangumi/image/f410fed70d0339e75875c3f1dc62d2ed09ed3b44.png@460w_250h_!web-ogv-anime-banner-thumb.webp"
                    alt="颂乐人偶"></a></div>
        <div class="hover-image"><a href="https://www.bilibili.com/bangumi/play/ep1526255?from_spmid=666.4.0.2"><img
                    src="https://i0.hdslb.com/bfs/bangumi/image/7262a323abfa66ef34ef67a3889a7df6b83620a6.png@460w_250h_!web-ogv-anime-banner-thumb.webp"
                    alt="地缚少年花子君 第二季"></a></div>
        <div class="hover-image"><a href="https://www.bilibili.com/bangumi/play/ep1482792?from_spmid=666.4.0.3"><img
                    src="https://i0.hdslb.com/bfs/bangumi/image/650361a77488590fc8a928fb74b70e1dbb76375c.png@460w_250h_!web-ogv-anime-banner-thumb.webp"
                    alt="金牌得主"></a></div>
        <div class="hover-image"><a href="https://www.bilibili.com/bangumi/play/ep1503808?from_spmid=666.4.0.4"><img
                    src="https://i0.hdslb.com/bfs/bangumi/image/b4df6df133fddf6cf984e2d4a15fca26be0240d7.png@460w_250h_!web-ogv-anime-banner-thumb.webp"
                    alt="红战士转职冒险者"></a></div>
        <div class="hover-image"><a href="https://www.bilibili.com/bangumi/play/ep1481291?from_spmid=666.4.0.5"><img
                    src="https://i0.hdslb.com/bfs/bangumi/image/f4a261be65ed133c62c30ce3a9d9057282eafc53.png@460w_250h_!web-ogv-anime-banner-thumb.webp"
                    alt="魔王2099"></a></div>
        <div class="hover-image"><a href="https://www.bilibili.com/bangumi/play/ep1507946?from_spmid=666.4.0.6"><img
                    src="https://i0.hdslb.com/bfs/bangumi/image/b2b50a979611edfaface8dace2b56e3885d6d775.png@460w_250h_!web-ogv-anime-banner-thumb.webp"
                    alt="我独自升级 第二季"></a></div>
    </div>
    </div>

    <div class="categories">
        <div class="category" style="background: #fff5f9;">
            <a href="">
                <h3>番剧索引 </h3>
            </a>
            <a href=""> <span>追番人数 </span>
                <a href=""><span> 最高评分</span></a>
                <br>
                <a href=""><span>更新时间 </span></a>
                <a href=""><span> 播放数量</span></a>

        </div>
        <div class="category" style="background: #f5faff;">
            <a href="">
                <h3>类型风格 ></h3>
            </a>
            <a href=""> <span>原创</span></a>
            <a href=""><span>小说改</span></a>
            <a href=""><span>特摄</span></a>
            <a href=""><span>热血</span></a>
            <br>
            <a href=""><span>漫画改</span></a>
            <a href=""><span>游戏改</span></a>
            <a href=""><span>布袋戏</span></a>
            <a href=""><span>穿越</span></a>
        </div>
        <div class="category" style="background: #f0f8ff;">
            <a href="">
                <h3>首播时间 ></h3>
            </a>
            <a href=""><span>2025</span></a>
            <a href=""><span>2024</span></a>
            <a href=""><span>2023</span></a>
            <a href=""><span>2022</span></a>
            <br>
            <a href=""><span>2021</span></a>
            <a href=""><span>2020</span></a>
            <a href=""><span>2019</span></a>
            <a href=""><span>2018</span></a>

        </div>
        <div class="category" style="background: #fff5ee;">
            <a href="">
                <h3>热搜</h3>
            </a>
            <a href=""> <span>坂本日常</span></a>
            <a href=""><span>我独自升级 第二季</span></a>
            <br>
            <a href=""><span>颂乐人偶</span></a>
            <a href=""><span>石纪元第四季</span></a>
        </div>

    </div>
    <div class="head" style="width: 90%;">
        <img src="https://i0.hdslb.com/bfs/bangumi/image/763280f2be19f9cf82c78c96d6a92f2bf99b2e1b.png" alt=""
            width="35px">
        <span class="tit">
            新番时间表
        </span>
    </div>
    <div class="main-container">
        <div class="time-anime-unit">
            <span class="time-item">周日 22:30</span>
            <div class="anime-item">
                <a href="./sj3.html">
                    <img src="https://i0.hdslb.com/bfs/bangumi/image/a6c9886f1dd69993a69fd284aedc6f0f43c11887.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                        alt="红战士转职冒险者" style=max-width:80%;></a>
                <div class="anime-title">红战士转职冒险者</div>
                <div class="update-info">更新至第9话</div>
            </div>
        </div>
        <div class="time-anime-unit">
            <span class="time-item">周日 22:30</span>
            <div class="anime-item">
                <img src="https://i0.hdslb.com/bfs/bangumi/image/a6c9886f1dd69993a69fd284aedc6f0f43c11887.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                    alt="红战士转职冒险者" style=max-width:80%;>
                <div class="anime-title">红战士转职冒险者</div>
                <div class="update-info">更新至第9话</div>
            </div>
        </div>
        <div class="time-anime-unit">
            <span class="time-item">周日 22:30</span>
            <div class="anime-item">
                <img src="https://i0.hdslb.com/bfs/bangumi/image/a6c9886f1dd69993a69fd284aedc6f0f43c11887.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                    alt="红战士转职冒险者" style=max-width:80%;>
                <div class="anime-title">红战士转职冒险者</div>
                <div class="update-info">更新至第9话</div>
            </div>
        </div>
        <div class="time-anime-unit">
            <span class="time-item">周日 22:30</span>
            <div class="anime-item">
                <img src="https://i0.hdslb.com/bfs/bangumi/image/a6c9886f1dd69993a69fd284aedc6f0f43c11887.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                    alt="红战士转职冒险者" style=max-width:80%;>
                <div class="anime-title">红战士转职冒险者</div>
                <div class="update-info">更新至第9话</div>
            </div>
        </div>
        <div class="time-anime-unit">
            <span class="time-item">周日 22:30</span>
            <div class="anime-item">
                <img src="https://i0.hdslb.com/bfs/bangumi/image/a6c9886f1dd69993a69fd284aedc6f0f43c11887.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                    alt="红战士转职冒险者" style=max-width:80%;>
                <div class="anime-title">红战士转职冒险者</div>
                <div class="update-info">更新至第9话</div>
            </div>
        </div>
        <div class="time-anime-unit">
            <span class="time-item">周日 22:30</span>
            <div class="anime-item">
                <img src="https://i0.hdslb.com/bfs/bangumi/image/a6c9886f1dd69993a69fd284aedc6f0f43c11887.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                    alt="红战士转职冒险者" style=max-width:80%;>
                <div class="anime-title">红战士转职冒险者</div>
                <div class="update-info">更新至第9话</div>
            </div>
        </div>
        <div class="time-anime-unit">
            <span class="time-item">周日 22:30</span>
            <div class="anime-item">
                <img src="https://i0.hdslb.com/bfs/bangumi/image/a6c9886f1dd69993a69fd284aedc6f0f43c11887.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                    alt="红战士转职冒险者" style=max-width:80%;>
                <div class="anime-title">红战士转职冒险者</div>
                <div class="update-info">更新至第9话</div>
            </div>
        </div>
        <!-- 其他时间-番剧单元保持相同结构 -->
    </div>
    <div style="display: flex; align-items: center;margin: 5px 100px;">
        <img src="https://i0.hdslb.com/bfs/bangumi/image/1ad7635251cc60e8846b269c3218698d9c0321ad.png" alt=""
            width="50px">
        <h2>番剧热播榜</h2>
        <a href="#" style="margin-left: auto; text-decoration: none; color: #666;">查看全部 ></a>
    </div>
    <div class="hot-list">
        <div class="hot-item">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/41a63442ba47c07f3edeb8169b4d0cc217812e7f.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="我独自升级" class="item-img">
            <div class="item-info">
                <div class="score">9.7</div>
                <div class="title">我独自升级 第二季 ...<br>暗影君王再临！</div>
            </div>
        </div>
        <div class="hot-item">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/23fabc7d3b53912eb53672ffb6b5379d77b97980.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="颂乐人偶" class="item-img">
            <div class="item-info">
                <div class="score">6.3</div>
                <div class="title">颂乐人偶<br>MyGO续篇故事</div>
            </div>
        </div>
        <div class="hot-item">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/834bdb5d36c401179b9e91fdc1de520a6664c2a7.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="Dr.STONE" class="item-img">
            <div class="item-info">
                <div class="score">9.9</div>
                <div class="title">D r．S T O N E ...<br>穿越百夜，仰望千空</div>
            </div>
        </div>
        <div class="hot-item">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/9c716a761afd055e6b65c96aac7880d2a960dd0b.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="关于我转生变成史莱姆" class="item-img">
            <div class="item-info">
                <div class="score">7.2</div>
                <div class="title">关于我转生变成史...<br>危机渐显，萌王速归</div>
            </div>
        </div>
        <div class="hot-item">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/9d731a02054c4807cc0a01fc7768f87d0bab10c1.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="坂本日常" class="item-img">
            <div class="item-info">
                <div class="score">8.8</div>
                <div class="title">坂本日常<br>这个杀手不太瘦</div>
            </div>
        </div>
        <div class="hot-item">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/afcc2104fb7ef528df9fca148c6942c439fec89c.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="香格里拉边境" class="item-img">
            <div class="item-info">
                <div class="score">9.4</div>
                <div class="title">香格里拉边境 第二季<br>操作狂打穿最佳游戏</div>
            </div>
        </div>
    </div>
    <div></div>
    <div class="first">
        <div class="second"><img
                src="https://i0.hdslb.com/bfs/bangumi/image/f8727496045041517e7b918706c8e44a771fd207.png@5120w_1704h_!web-ogv-anime-banner-bg.webp"
                width="100%" height="435px">
        </div>
        <div class="third">
            <h2 class="fourth">坂本日常</h2>
            <div class="fifth">
                <span class="sixth">6.3</span>
                <span class="seventh">★★★★☆</span>
                <span style="font-size: 12px; color: #ddd;">4395.6万播放 · 10.2万弹幕 · 100.8万追番</span>
            </div>
            <p class="eighth">
                简介：【第1-4集大会员抢先1集，第5集起大会员专享】曾有一名最强杀手，名叫坂本太郎。
                坂本对在便利店工作的葵一见钟情，很快就从杀手界引退。他在结婚后生下女儿，在一个祥和的城市开着私营商店，变得和以前判若两人……严重发福了！！
                前传奇杀手迎战接连袭来的刺客。日常与非日常交织的硬核战斗剧，就此开幕！！
            </p>
            <div class="ninth">
                <a href="#" class="tenth">▶ 播放</a>
                <a href="#" class="tenth_a">♡ 收藏</a>
            </div>
            <img src="https://i0.hdslb.com/bfs/archive/722408c579d657fef1e093165a18739e94ad821f.png@368w_202h_!web-ogv-anime-newhot-card.avif"
                alt="" width="130px">
            <img src="https://i0.hdslb.com/bfs/archive/4f562a20609c906db380970c5cb84395e02f6b09.png@368w_202h_!web-ogv-anime-newhot-card.webp"
                alt="" width="130px">
            <img src="https://i0.hdslb.com/bfs/archive/a51e7750cc0372c6348b823cc3193fa255e57f44.png@368w_202h_!web-ogv-anime-newhot-card.webp"
                alt="" width="130px">
        </div>
    </div>
    <div class="xihuan" style="width: 60%;">
        <h2>猜你喜欢</h2>
    </div>
    <div class="anime-grid">
        <!-- 第一排动漫 -->
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/41a63442ba47c07f3edeb8169b4d0cc217812e7f.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="Dr.STONE"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">D r . S T O N E 石...</div>
                <div class="anime-desc">穿越百夜，仰望千空</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/38e2a273f528fd01c34f1fc4df0f69c64487efad.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="海绵宝宝"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">海绵宝宝 中文配音</div>
                <div class="anime-desc">是谁住在大菠萝里</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/9c716a761afd055e6b65c96aac7880d2a960dd0b.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="蜡笔小新"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">蜡笔小新 第一季（中...</div>
                <div class="anime-desc">童年的快乐记忆</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/9d731a02054c4807cc0a01fc7768f87d0bab10c1.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="金牌得主"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">金牌得主</div>
                <div class="anime-desc">教练，我想学滑冰！</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/087b862b772ee4e644478a36c757a26db476193d.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="葬送的芙莉莲"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">葬送的芙莉莲</div>
                <div class="anime-desc">花海盛开，故人归来</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/e46cc26d95a6b09541a8bda484f041eebb474c1a.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="家庭教师"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">家庭教师HITMAN RE...</div>
                <div class="anime-desc">我的老师是婴儿</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/8f3bf6b461ad4dfae2a221e5b194415d5f7ca697.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="假面骑士加布"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">假面骑士加布</div>
                <div class="anime-desc">令和第六作假面骑士！</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>

        <!-- 第二排动漫 -->
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/9224dea1cf31c2d014d7ccee4b7a22f5ff1b9dd7.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="地。-关于地球的运动-"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">地。-关于地球的运动-</div>
                <div class="anime-desc">让我们，转动地球吧</div>
                <div class="anime-score">评分：9.4</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/6fda8e95e61db0157008fc293360117d904239e4.jpg@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="百变小樱"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">百变小樱</div>
                <div class="anime-desc">初代萌王小樱参上</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/8cf02211c3fefa4eccc7307ca4fab404707d0cf7.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="迷宫饭"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">迷宫饭</div>
                <div class="anime-desc">我在地下城做吃播</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/f1aaf3bac9821935c72643da4b1f1c8db0fcc903.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="地缚少年花子君 第二季"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">地缚少年花子君 第二季</div>
                <div class="anime-desc">源起厕所的校园怪谈</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/aecbaaf4e3e36a2796684c2eff8ceb9b0f247c6d.jpg@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="黑色四叶草"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">黑色四叶草</div>
                <div class="anime-desc">我要成为魔法帝</div>
                <div class="anime-score">评分：9.5</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/e55865e7a58c374e0dd5c13f552146f716ff026f.jpg@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="少女乐队的呐喊"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">少女乐队的呐喊</div>
                <div class="anime-desc">少女乐队，摇滚万岁</div>
                <div class="anime-score">评分：9.7</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/56af151182c0b499b37e59b582d756d7bae6bc9d.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="无限滑板 特别篇"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">无限滑板 特别篇</div>
                <div class="anime-desc">主打一个不滑滑板</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/087b862b772ee4e644478a36c757a26db476193d.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="葬送的芙莉莲"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">葬送的芙莉莲</div>
                <div class="anime-desc">花海盛开，故人归来</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
    </div>
    <div class="anime-grid">
        <!-- 第一排动漫 -->
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/41a63442ba47c07f3edeb8169b4d0cc217812e7f.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="Dr.STONE"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">D r . S T O N E 石...</div>
                <div class="anime-desc">穿越百夜，仰望千空</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/38e2a273f528fd01c34f1fc4df0f69c64487efad.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="海绵宝宝"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">海绵宝宝 中文配音</div>
                <div class="anime-desc">是谁住在大菠萝里</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/9c716a761afd055e6b65c96aac7880d2a960dd0b.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="蜡笔小新"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">蜡笔小新 第一季（中...</div>
                <div class="anime-desc">童年的快乐记忆</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/9d731a02054c4807cc0a01fc7768f87d0bab10c1.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="金牌得主"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">金牌得主</div>
                <div class="anime-desc">教练，我想学滑冰！</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/087b862b772ee4e644478a36c757a26db476193d.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="葬送的芙莉莲"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">葬送的芙莉莲</div>
                <div class="anime-desc">花海盛开，故人归来</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/e46cc26d95a6b09541a8bda484f041eebb474c1a.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="家庭教师"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">家庭教师HITMAN RE...</div>
                <div class="anime-desc">我的老师是婴儿</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/8f3bf6b461ad4dfae2a221e5b194415d5f7ca697.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="假面骑士加布"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">假面骑士加布</div>
                <div class="anime-desc">令和第六作假面骑士！</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>

        <!-- 第二排动漫 -->
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/9224dea1cf31c2d014d7ccee4b7a22f5ff1b9dd7.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="地。-关于地球的运动-"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">地。-关于地球的运动-</div>
                <div class="anime-desc">让我们，转动地球吧</div>
                <div class="anime-score">评分：9.4</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/6fda8e95e61db0157008fc293360117d904239e4.jpg@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="百变小樱"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">百变小樱</div>
                <div class="anime-desc">初代萌王小樱参上</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/8cf02211c3fefa4eccc7307ca4fab404707d0cf7.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="迷宫饭"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">迷宫饭</div>
                <div class="anime-desc">我在地下城做吃播</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/f1aaf3bac9821935c72643da4b1f1c8db0fcc903.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="地缚少年花子君 第二季"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">地缚少年花子君 第二季</div>
                <div class="anime-desc">源起厕所的校园怪谈</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/aecbaaf4e3e36a2796684c2eff8ceb9b0f247c6d.jpg@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="黑色四叶草"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">黑色四叶草</div>
                <div class="anime-desc">我要成为魔法帝</div>
                <div class="anime-score">评分：9.5</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/e55865e7a58c374e0dd5c13f552146f716ff026f.jpg@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="少女乐队的呐喊"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">少女乐队的呐喊</div>
                <div class="anime-desc">少女乐队，摇滚万岁</div>
                <div class="anime-score">评分：9.7</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/56af151182c0b499b37e59b582d756d7bae6bc9d.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="无限滑板 特别篇"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">无限滑板 特别篇</div>
                <div class="anime-desc">主打一个不滑滑板</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/087b862b772ee4e644478a36c757a26db476193d.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="葬送的芙莉莲"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">葬送的芙莉莲</div>
                <div class="anime-desc">花海盛开，故人归来</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
    </div>
    <div class="anime-grid">
        <!-- 第一排动漫 -->
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/41a63442ba47c07f3edeb8169b4d0cc217812e7f.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="Dr.STONE"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">D r . S T O N E 石...</div>
                <div class="anime-desc">穿越百夜，仰望千空</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/38e2a273f528fd01c34f1fc4df0f69c64487efad.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="海绵宝宝"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">海绵宝宝 中文配音</div>
                <div class="anime-desc">是谁住在大菠萝里</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/9c716a761afd055e6b65c96aac7880d2a960dd0b.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="蜡笔小新"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">蜡笔小新 第一季（中...</div>
                <div class="anime-desc">童年的快乐记忆</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/9d731a02054c4807cc0a01fc7768f87d0bab10c1.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="金牌得主"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">金牌得主</div>
                <div class="anime-desc">教练，我想学滑冰！</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/087b862b772ee4e644478a36c757a26db476193d.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="葬送的芙莉莲"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">葬送的芙莉莲</div>
                <div class="anime-desc">花海盛开，故人归来</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/e46cc26d95a6b09541a8bda484f041eebb474c1a.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="家庭教师"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">家庭教师HITMAN RE...</div>
                <div class="anime-desc">我的老师是婴儿</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/8f3bf6b461ad4dfae2a221e5b194415d5f7ca697.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="假面骑士加布"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">假面骑士加布</div>
                <div class="anime-desc">令和第六作假面骑士！</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>

        <!-- 第二排动漫 -->
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/9224dea1cf31c2d014d7ccee4b7a22f5ff1b9dd7.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="地。-关于地球的运动-"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">地。-关于地球的运动-</div>
                <div class="anime-desc">让我们，转动地球吧</div>
                <div class="anime-score">评分：9.4</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/6fda8e95e61db0157008fc293360117d904239e4.jpg@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="百变小樱"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">百变小樱</div>
                <div class="anime-desc">初代萌王小樱参上</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/8cf02211c3fefa4eccc7307ca4fab404707d0cf7.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="迷宫饭"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">迷宫饭</div>
                <div class="anime-desc">我在地下城做吃播</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/f1aaf3bac9821935c72643da4b1f1c8db0fcc903.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="地缚少年花子君 第二季"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">地缚少年花子君 第二季</div>
                <div class="anime-desc">源起厕所的校园怪谈</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/aecbaaf4e3e36a2796684c2eff8ceb9b0f247c6d.jpg@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="黑色四叶草"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">黑色四叶草</div>
                <div class="anime-desc">我要成为魔法帝</div>
                <div class="anime-score">评分：9.5</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/e55865e7a58c374e0dd5c13f552146f716ff026f.jpg@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="少女乐队的呐喊"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">少女乐队的呐喊</div>
                <div class="anime-desc">少女乐队，摇滚万岁</div>
                <div class="anime-score">评分：9.7</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/56af151182c0b499b37e59b582d756d7bae6bc9d.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="无限滑板 特别篇"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">无限滑板 特别篇</div>
                <div class="anime-desc">主打一个不滑滑板</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/087b862b772ee4e644478a36c757a26db476193d.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="葬送的芙莉莲"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">葬送的芙莉莲</div>
                <div class="anime-desc">花海盛开，故人归来</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
    </div>
    <div class="anime-grid">
        <!-- 第一排动漫 -->
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/41a63442ba47c07f3edeb8169b4d0cc217812e7f.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="Dr.STONE"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">D r . S T O N E 石...</div>
                <div class="anime-desc">穿越百夜，仰望千空</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/38e2a273f528fd01c34f1fc4df0f69c64487efad.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="海绵宝宝"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">海绵宝宝 中文配音</div>
                <div class="anime-desc">是谁住在大菠萝里</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/9c716a761afd055e6b65c96aac7880d2a960dd0b.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="蜡笔小新"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">蜡笔小新 第一季（中...</div>
                <div class="anime-desc">童年的快乐记忆</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/9d731a02054c4807cc0a01fc7768f87d0bab10c1.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="金牌得主"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">金牌得主</div>
                <div class="anime-desc">教练，我想学滑冰！</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/087b862b772ee4e644478a36c757a26db476193d.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="葬送的芙莉莲"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">葬送的芙莉莲</div>
                <div class="anime-desc">花海盛开，故人归来</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/e46cc26d95a6b09541a8bda484f041eebb474c1a.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="家庭教师"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">家庭教师HITMAN RE...</div>
                <div class="anime-desc">我的老师是婴儿</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/8f3bf6b461ad4dfae2a221e5b194415d5f7ca697.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="假面骑士加布"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">假面骑士加布</div>
                <div class="anime-desc">令和第六作假面骑士！</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>

        <!-- 第二排动漫 -->
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/9224dea1cf31c2d014d7ccee4b7a22f5ff1b9dd7.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="地。-关于地球的运动-"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">地。-关于地球的运动-</div>
                <div class="anime-desc">让我们，转动地球吧</div>
                <div class="anime-score">评分：9.4</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/6fda8e95e61db0157008fc293360117d904239e4.jpg@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="百变小樱"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">百变小樱</div>
                <div class="anime-desc">初代萌王小樱参上</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/8cf02211c3fefa4eccc7307ca4fab404707d0cf7.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="迷宫饭"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">迷宫饭</div>
                <div class="anime-desc">我在地下城做吃播</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/f1aaf3bac9821935c72643da4b1f1c8db0fcc903.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="地缚少年花子君 第二季"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">地缚少年花子君 第二季</div>
                <div class="anime-desc">源起厕所的校园怪谈</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/aecbaaf4e3e36a2796684c2eff8ceb9b0f247c6d.jpg@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="黑色四叶草"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">黑色四叶草</div>
                <div class="anime-desc">我要成为魔法帝</div>
                <div class="anime-score">评分：9.5</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/e55865e7a58c374e0dd5c13f552146f716ff026f.jpg@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="少女乐队的呐喊"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">少女乐队的呐喊</div>
                <div class="anime-desc">少女乐队，摇滚万岁</div>
                <div class="anime-score">评分：9.7</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/56af151182c0b499b37e59b582d756d7bae6bc9d.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="无限滑板 特别篇"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">无限滑板 特别篇</div>
                <div class="anime-desc">主打一个不滑滑板</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/087b862b772ee4e644478a36c757a26db476193d.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="葬送的芙莉莲"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">葬送的芙莉莲</div>
                <div class="anime-desc">花海盛开，故人归来</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
    </div>
    <div class="anime-grid">
        <!-- 第一排动漫 -->
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/41a63442ba47c07f3edeb8169b4d0cc217812e7f.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="Dr.STONE"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">D r . S T O N E 石...</div>
                <div class="anime-desc">穿越百夜，仰望千空</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/38e2a273f528fd01c34f1fc4df0f69c64487efad.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="海绵宝宝"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">海绵宝宝 中文配音</div>
                <div class="anime-desc">是谁住在大菠萝里</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/9c716a761afd055e6b65c96aac7880d2a960dd0b.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="蜡笔小新"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">蜡笔小新 第一季（中...</div>
                <div class="anime-desc">童年的快乐记忆</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/9d731a02054c4807cc0a01fc7768f87d0bab10c1.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="金牌得主"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">金牌得主</div>
                <div class="anime-desc">教练，我想学滑冰！</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/087b862b772ee4e644478a36c757a26db476193d.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="葬送的芙莉莲"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">葬送的芙莉莲</div>
                <div class="anime-desc">花海盛开，故人归来</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/e46cc26d95a6b09541a8bda484f041eebb474c1a.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="家庭教师"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">家庭教师HITMAN RE...</div>
                <div class="anime-desc">我的老师是婴儿</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/8f3bf6b461ad4dfae2a221e5b194415d5f7ca697.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="假面骑士加布"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">假面骑士加布</div>
                <div class="anime-desc">令和第六作假面骑士！</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>

        <!-- 第二排动漫 -->
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/9224dea1cf31c2d014d7ccee4b7a22f5ff1b9dd7.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="地。-关于地球的运动-"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">地。-关于地球的运动-</div>
                <div class="anime-desc">让我们，转动地球吧</div>
                <div class="anime-score">评分：9.4</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/6fda8e95e61db0157008fc293360117d904239e4.jpg@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="百变小樱"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">百变小樱</div>
                <div class="anime-desc">初代萌王小樱参上</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/8cf02211c3fefa4eccc7307ca4fab404707d0cf7.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="迷宫饭"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">迷宫饭</div>
                <div class="anime-desc">我在地下城做吃播</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/f1aaf3bac9821935c72643da4b1f1c8db0fcc903.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="地缚少年花子君 第二季"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">地缚少年花子君 第二季</div>
                <div class="anime-desc">源起厕所的校园怪谈</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/aecbaaf4e3e36a2796684c2eff8ceb9b0f247c6d.jpg@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="黑色四叶草"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">黑色四叶草</div>
                <div class="anime-desc">我要成为魔法帝</div>
                <div class="anime-score">评分：9.5</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/e55865e7a58c374e0dd5c13f552146f716ff026f.jpg@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="少女乐队的呐喊"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">少女乐队的呐喊</div>
                <div class="anime-desc">少女乐队，摇滚万岁</div>
                <div class="anime-score">评分：9.7</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/56af151182c0b499b37e59b582d756d7bae6bc9d.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="无限滑板 特别篇"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">无限滑板 特别篇</div>
                <div class="anime-desc">主打一个不滑滑板</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/087b862b772ee4e644478a36c757a26db476193d.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="葬送的芙莉莲"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">葬送的芙莉莲</div>
                <div class="anime-desc">花海盛开，故人归来</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
    </div>
    <div class="anime-grid">
        <!-- 第一排动漫 -->
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/41a63442ba47c07f3edeb8169b4d0cc217812e7f.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="Dr.STONE"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">D r . S T O N E 石...</div>
                <div class="anime-desc">穿越百夜，仰望千空</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/38e2a273f528fd01c34f1fc4df0f69c64487efad.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="海绵宝宝"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">海绵宝宝 中文配音</div>
                <div class="anime-desc">是谁住在大菠萝里</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/9c716a761afd055e6b65c96aac7880d2a960dd0b.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="蜡笔小新"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">蜡笔小新 第一季（中...</div>
                <div class="anime-desc">童年的快乐记忆</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/9d731a02054c4807cc0a01fc7768f87d0bab10c1.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="金牌得主"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">金牌得主</div>
                <div class="anime-desc">教练，我想学滑冰！</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/087b862b772ee4e644478a36c757a26db476193d.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="葬送的芙莉莲"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">葬送的芙莉莲</div>
                <div class="anime-desc">花海盛开，故人归来</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/e46cc26d95a6b09541a8bda484f041eebb474c1a.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="家庭教师"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">家庭教师HITMAN RE...</div>
                <div class="anime-desc">我的老师是婴儿</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/8f3bf6b461ad4dfae2a221e5b194415d5f7ca697.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="假面骑士加布"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">假面骑士加布</div>
                <div class="anime-desc">令和第六作假面骑士！</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>

        <!-- 第二排动漫 -->
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/9224dea1cf31c2d014d7ccee4b7a22f5ff1b9dd7.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="地。-关于地球的运动-"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">地。-关于地球的运动-</div>
                <div class="anime-desc">让我们，转动地球吧</div>
                <div class="anime-score">评分：9.4</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/6fda8e95e61db0157008fc293360117d904239e4.jpg@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="百变小樱"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">百变小樱</div>
                <div class="anime-desc">初代萌王小樱参上</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/8cf02211c3fefa4eccc7307ca4fab404707d0cf7.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="迷宫饭"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">迷宫饭</div>
                <div class="anime-desc">我在地下城做吃播</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/f1aaf3bac9821935c72643da4b1f1c8db0fcc903.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="地缚少年花子君 第二季"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">地缚少年花子君 第二季</div>
                <div class="anime-desc">源起厕所的校园怪谈</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/aecbaaf4e3e36a2796684c2eff8ceb9b0f247c6d.jpg@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="黑色四叶草"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">黑色四叶草</div>
                <div class="anime-desc">我要成为魔法帝</div>
                <div class="anime-score">评分：9.5</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/e55865e7a58c374e0dd5c13f552146f716ff026f.jpg@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="少女乐队的呐喊"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">少女乐队的呐喊</div>
                <div class="anime-desc">少女乐队，摇滚万岁</div>
                <div class="anime-score">评分：9.7</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/56af151182c0b499b37e59b582d756d7bae6bc9d.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="无限滑板 特别篇"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">无限滑板 特别篇</div>
                <div class="anime-desc">主打一个不滑滑板</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/087b862b772ee4e644478a36c757a26db476193d.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="葬送的芙莉莲"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">葬送的芙莉莲</div>
                <div class="anime-desc">花海盛开，故人归来</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
    </div>
    <div class="anime-grid">
        <!-- 第一排动漫 -->
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/41a63442ba47c07f3edeb8169b4d0cc217812e7f.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="Dr.STONE"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">D r . S T O N E 石...</div>
                <div class="anime-desc">穿越百夜，仰望千空</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/38e2a273f528fd01c34f1fc4df0f69c64487efad.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="海绵宝宝"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">海绵宝宝 中文配音</div>
                <div class="anime-desc">是谁住在大菠萝里</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/9c716a761afd055e6b65c96aac7880d2a960dd0b.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="蜡笔小新"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">蜡笔小新 第一季（中...</div>
                <div class="anime-desc">童年的快乐记忆</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/9d731a02054c4807cc0a01fc7768f87d0bab10c1.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="金牌得主"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">金牌得主</div>
                <div class="anime-desc">教练，我想学滑冰！</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/087b862b772ee4e644478a36c757a26db476193d.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="葬送的芙莉莲"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">葬送的芙莉莲</div>
                <div class="anime-desc">花海盛开，故人归来</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/e46cc26d95a6b09541a8bda484f041eebb474c1a.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="家庭教师"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">家庭教师HITMAN RE...</div>
                <div class="anime-desc">我的老师是婴儿</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/8f3bf6b461ad4dfae2a221e5b194415d5f7ca697.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="假面骑士加布"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">假面骑士加布</div>
                <div class="anime-desc">令和第六作假面骑士！</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>

        <!-- 第二排动漫 -->
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/9224dea1cf31c2d014d7ccee4b7a22f5ff1b9dd7.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="地。-关于地球的运动-"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">地。-关于地球的运动-</div>
                <div class="anime-desc">让我们，转动地球吧</div>
                <div class="anime-score">评分：9.4</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/6fda8e95e61db0157008fc293360117d904239e4.jpg@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="百变小樱"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">百变小樱</div>
                <div class="anime-desc">初代萌王小樱参上</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/8cf02211c3fefa4eccc7307ca4fab404707d0cf7.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="迷宫饭"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">迷宫饭</div>
                <div class="anime-desc">我在地下城做吃播</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/f1aaf3bac9821935c72643da4b1f1c8db0fcc903.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="地缚少年花子君 第二季"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">地缚少年花子君 第二季</div>
                <div class="anime-desc">源起厕所的校园怪谈</div>
                <div class="anime-score">评分：9.8</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/aecbaaf4e3e36a2796684c2eff8ceb9b0f247c6d.jpg@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="黑色四叶草"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">黑色四叶草</div>
                <div class="anime-desc">我要成为魔法帝</div>
                <div class="anime-score">评分：9.5</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/e55865e7a58c374e0dd5c13f552146f716ff026f.jpg@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="少女乐队的呐喊"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">少女乐队的呐喊</div>
                <div class="anime-desc">少女乐队，摇滚万岁</div>
                <div class="anime-score">评分：9.7</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/56af151182c0b499b37e59b582d756d7bae6bc9d.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="无限滑板 特别篇"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">无限滑板 特别篇</div>
                <div class="anime-desc">主打一个不滑滑板</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
        <div class="card">
            <img src="https://i0.hdslb.com/bfs/bangumi/image/087b862b772ee4e644478a36c757a26db476193d.png@560w_746h_!web-ogv-anime-ranking-card.webp"
                alt="葬送的芙莉莲"> <!-- 替换为实际图片地址 -->
            <div class="anime-info">
                <div class="anime-title">葬送的芙莉莲</div>
                <div class="anime-desc">花海盛开，故人归来</div>
                <div class="anime-score">评分：9.9</div>
            </div>
        </div>
    </div>
    <div>
        <footer class="bilibili-style-footer">
            <div class="footer-container">
                <!-- 导航链接区 -->
                <div class="footer-columns">
                    <div class="footer-column">
                        <h4>关于我们</h4>
                        <ul>
                            <li><a href="#">公司介绍</a></li>
                            <li><a href="#">发展历程</a></li>
                            <li><a href="#">加入我们</a></li>
                            <li><a href="#">联系我们</a></li>
                        </ul>
                    </div>

                    <div class="footer-column">
                        <h4>帮助中心</h4>
                        <ul>
                            <li><a href="#">账号问题</a></li>
                            <li><a href="#">使用指南</a></li>
                            <li><a href="#">常见问题</a></li>
                            <li><a href="#">反馈建议</a></li>
                        </ul>
                    </div>

                    <div class="footer-column">
                        <h4>社区规范</h4>
                        <ul>
                            <li><a href="#">弹幕礼仪</a></li>
                            <li><a href="#">内容规范</a></li>
                            <li><a href="#">投诉举报</a></li>
                            <li><a href="#">自律公约</a></li>
                        </ul>
                    </div>

                    <div class="footer-column">
                        <h4>合作与服务</h4>
                        <ul>
                            <li><a href="#">广告合作</a></li>
                            <li><a href="#">商务合作</a></li>
                            <li><a href="#">开放平台</a></li>
                            <li><a href="#">IP合作</a></li>
                        </ul>
                    </div>
                </div>

                <!-- 版权与备案信息 -->
                <div class="footer-bottom">
                    <p class="copyright">
                        © 2025 哔哩哔哩视频网站 版权所有 | 增值电信业务经营许可证：333-12345678 | 备案号：XXICP备23456789号
                    </p>

                    <!-- 社交链接 -->
                    <div class="social-links">
                        <a href="#"><i class="icon-weibo"></i></a>
                        <a href="#"><i class="icon-wechat"></i></a>
                        <a href="#"><i class="icon-douyin"></i></a>
                        <a href="#"><i class="icon-twitter"></i></a>
                    </div>
                </div>
            </div>
        </footer>
    </div>
</body>

</html>